<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="../../yl/index.css" />
    <link rel="stylesheet" href="../../yl/style.css" />
    <link rel="stylesheet" href="../../style/free.css" />
    <title>电子投票</title>
    <style>
        body {
            background-color: rgb(244, 244, 244);
        }
    </style>
</head>

<body>
    <div id="app" class="flex flex-column">
        <el-image :src="photo + formData.Picture_URL" fit="contain"></el-image>
        <!--  -->
        <div class="m-3 bg-white rounded-lg">
            <div class="text-center py-2 font font-weight-bold">{{formData.Electronic_Voting_Name}}</div>
            <div class="flex justify-between py-2">
                <div class="text-center w-100">
                    <div class="font mb-1">{{Main.Personal_Amount || 0}}</div>
                    <div class="font-sm">参与人数</div>
                </div>
                <div class="text-center w-100 border-left border-right">
                    <div class="font mb-1">{{Main.Total || 0}}</div>
                    <div class="font-sm">总票数</div>
                </div>
                <div class="text-center w-100">
                    <div class="font mb-1">{{Main.BrowseAmount || 0}}</div>
                    <div class="font-sm">浏览量</div>
                </div>
            </div>
            <div class="font text-center border-top py-2">
                {{electronic_voting_type}}
            </div>
        </div>
        <!--  -->
        <div class="mx-3 mb-3 bg-white rounded-lg pt-2">
            <div class="mx-2 mb-2 flex align-center">
                <el-icon class="font flex-shrink">
                    <Calendar />
                </el-icon>
                <span class="font mx-1 flex-shrink">开始时间：</span>
                <span class="font">{{formData.Start_DateTime || ''}}</span>
            </div>
            <div class="mx-2 mb-2 flex align-center">
                <el-icon class="font flex-shrink">
                    <Calendar />
                </el-icon>
                <span class="font mx-1 flex-shrink">结束时间：</span>
                <span class="font">{{formData.End_DateTime || ''}}</span>
            </div>
            <div class="mx-2 mb-2 flex align-center">
                <el-icon class="font flex-shrink">
                    <Warning />
                </el-icon>
                <span class="font mx-1 flex-shrink">支持规则：</span>
                <span class="font">{{formData.Electronic_Voting_Rule_Name || ''}}</span>
            </div>
            <div class="mx-2 mb-2">
                <div class="flex align-center mb-2">
                    <el-icon class="font flex-shrink">
                        <Tickets />
                    </el-icon>
                    <span class="font mx-1 flex-shrink">活动介绍：</span>
                </div>
                <span class="font ml-3">{{formData.Electronic_Voting_Introduce || ''}}</span>
            </div>
        </div>
        <!--  -->
        <div class="mx-3 mb-3 bg-white rounded-lg ">
            <el-table :data="tableData" @row-click="handleClick" :header-row-style="{color:'#343a40'}" class="rounded-lg" style="width: 100%">
                <el-table-column type="index" align="center" label="编号" min-width="20%"></el-table-column>
                <el-table-column prop="Electronic_Voting_Detail_Name" align="center" label="投票项目" min-width="55%">
                    <template v-slot="{row}">
                        <span class="font-sm font-weight-bold">{{row.Electronic_Voting_Detail_Name}}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="total" align="center" label="支持数" min-width="25%">
                    <template v-slot="{row}">
                        <span class="font-sm font-weight-bold">{{row.Amount}}</span>
                    </template>
                </el-table-column>
            </el-table>
        </div>
    </div>
    <script src="../../utils/utils.js"></script>
    <script src="../../utils/mixins.js"></script>
    <script src="../../config/config.js"></script>
    <script src="../../yl/vue.js"></script>
    <script src="../../yl/index.js"></script>
    <script src="../../yl/zh-cn.mjs"></script>
    <script src="../../yl/index.iife.min.js"></script>
    <script src="../../yl/jquery.min.js"></script>
    <script src="../../utils/jquery.cookie.js"></script>
    <script src="../../api/request.js"></script>
    <script src="../../utils/jweixin.js"></script>
    <script src="./js/detail.js"></script>
</body>

</html>